
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}body,button,input,select,textarea{font:12px/1.5 tahoma,arial,\5b8b\4f53,sans-serif;}h1,h2,h3,h4,h5,h6{font-size:100%;}address,cite,dfn,em,var{font-style:normal;}code,kbd,pre,samp{font-family:courier new,courier,monospace;}small{font-size:12px;}ul,ol{list-style:none;}a{text-decoration:none;}a:hover{text-decoration:underline;}legend{color:#333;}fieldset,img{border:0 none;}button,input,select,textarea{font-size:100%;}table{border-collapse:collapse;border-spacing:0;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{display:block;margin:0;padding:0;}


/* reset begin */
.form-element,
.form-dotline,
.form-title{ font-size:14px;}
.form-element,
.form-element label,
.form-element input,
.form-element textarea,
.form-element select{ color:#333; }
.form-element select{
	-webkit-appearance:none;
}
.form-element option{ text-shadow:none; }
.form-element label{ cursor:default; }
.form-element input::-webkit-input-placeholder,
.form-element textarea::-webkit-input-placeholder{ color:#999; }
.form-element input:-moz-placeholder,
.form-element textarea:-moz-placeholder{ color:#999; }
.form-element input[type="password"]{
	font-family:tahoma,arial,\5b8b\4f53,sans-serif;
	font-weight:bold;
}
.form-element input[type="password"]::-webkit-input-placeholder{
	font-weight:normal;
}
.form-element input[type="password"]:-moz-placeholder{
	font-weight:normal;
}

.form-element select:-moz-focus-inner,
.form-element input[type="reset"]:-moz-focus-inner,
.form-element input[type="button"]:-moz-focus-inner,
.form-element input[type="submit"]:-moz-focus-inner,
.form-element input[type="file"] > input[type="button"]:-moz-focus-inner{ border:none; padding:0; }
.form-element input[type="search"]{
	-webkit-appearance:textfield;
}
.form-element input,
.form-element button{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-moz-padding-start:0;
	-moz-padding-end:0;
}
.form-element select{ margin:0; }
/* reset end */

.form-dotline,
.form-title{
	border:0 none;
	border-bottom:1px solid #eee;
}
.form-dotline{
	border-top:1px solid white;
	height:0;
	overflow:hidden;
}
.form-title{
	font-weight:bold;
	padding-bottom:.4em;
}

.form-element .tit{
	color:#333;
	display:block;
	font-weight:bold;
	margin-bottom:.5em;
	-webkit-user-select:none;
	-moz-user-select:none;
	user-select:none;
}
.form-element .con{ margin:.4em 0; }
.form-element .con:after{
	clear:both;
	content:"";
	display:block;
}
.form-element .con.inline{
	display:-webkit-box;
	display:-moz-box;
	display:box;
	width:100%;
}
.form-element p.txt{ color:#999; }
.form-element .inline label{ float:left; }
.form-element .inline .form-btn{ margin:0 .2em; }
.form-element .inline .form-btn:first-child{ margin-left:0; }
.form-element .inline .form-btn:last-child{ margin-right:0; }
.form-element .inline label,
.form-element .inline .form-btn{
	-webkit-box-flex:1;
	-moz-box-flex:1;
	box-flex:1;
}

.form-element .form-text,
.form-element .form-textarea,
.form-element .form-select,
.form-element .form-file,
.form-element .form-btn{
	display:inline-block;
	font-family:arial,tahoma,\5b8b\4f53,sans-serif;
	vertical-align:middle;
}

.form-element .form-text,
.form-element .form-textarea,
.form-element .form-select{
	border:1px solid #ccc;
	border-top-color:#B9B9B9;
	border-radius:.4em;
	outline:none;
	-webkit-transition:.2s linear;
	-moz-transition:.2s linear;
	-o-transition:.2s linear;
	transition:.2s linear;
}

.form-element .form-text,
.form-element .form-textarea,
.form-element .form-select{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding:.6em .8em;
	width:100%;
}
.form-element .form-text,
.form-element .form-textarea{
	box-shadow:0 1px 3px rgba(0,0,0,.1) inset;
}
.form-element .form-text:focus,
.form-element .form-textarea:focus{
	border-color:rgba(160,160,160,.8);
	box-shadow:
		0 1px 3px rgba(0,0,0,.1) inset,
		0 0 16px rgba(200,200,200,.6);
}
.form-element .form-text.orange:focus{
	border-color:rgba(236,187,82,.8);
	box-shadow:
		0 1px 3px rgba(0,0,0,.1) inset,
		0 0 16px rgba(236,193,82,.6);
}
.form-element .form-text.blue:focus{
	border-color:rgba(82,168,236,.8);
	box-shadow:
		0 1px 3px rgba(0,0,0,.1) inset,
		0 0 16px rgba(82,168,236,.6);
}

.form-element .form-select{ padding:.5em .4em; }
.form-element .form-textarea{ resize:vertical; }

@-moz-document url-prefix(){
	.form-element .form-select{ padding:.7em .8em; }
	.form-element .form-select:after{ display:none; }
}

.form-element .form-c{ display:none; }
.form-element .form-c + .txt,
.form-element .form-select{
	background-image:-webkit-linear-gradient(white,#eee);
	background-image:-moz-linear-gradient(white,#eee);
	background-image:-ms-linear-gradient(white,#eee);
	background-image:-o-linear-gradient(white,#eee);
	background-image:linear-gradient(white,#eee);
	text-shadow:1px 1px 0 #fff;
	-webkit-user-select:none;
	-moz-user-select:none;
	user-select:none;
}
.form-element .form-c + .txt{
	border:1px solid #ccc;
	box-shadow:0 0 0 1px #fff inset;
	display:block;
	padding:.6em 1.2em;
	position:relative;
}
.form-element .form-c + .txt:hover{
	background-image:-webkit-linear-gradient(white,#ddd);
	background-image:-moz-linear-gradient(white,#ddd);
	background-image:-ms-linear-gradient(white,#ddd);
	background-image:-o-linear-gradient(white,#ddd);
	background-image:linear-gradient(white,#ddd);
}
.form-element label:first-child .form-c + .txt{
	border-radius:.4em .4em 0 0;
	/*border-width:1px 1px 0 1px;*/
	border-width:1px 1px 1 1px;
}
.form-element label:last-child .form-c + .txt{
	border-radius:0 0 .4em .4em;
	/*border-width:0 1px 1px 1px;*/
	border-width:1 1px 1px 1px;
}
.form-element label .form-c + .txt:before{
	background-color:#fff;
	box-shadow:
		0 0 0 1px #aaa inset,
		0 0 0 2px #fff inset,
		1px 1px 3px 4px #ddd inset;
	content:"";
	float:left;
	height:1.2em;
	margin-right:.4em;
	margin-top:.2em;
	width:1.2em;
	-webkit-transition:background-color .3s;
	-moz-transition:background-color .3s;
	-ms-transition:background-color .3s;
	-o-transition:background-color .3s;
	transition:background-color .3s;
}
.form-element label [type="radio"].form-c + .txt:before{
	border-radius:50%;
}
.form-element label [type="checkbox"].form-c + .txt:before{
	border-radius:.4em;
}
.form-element .inline label .form-c + .txt:before,
.form-element .inline label .form-c + .txt:after{ display:none; }
.form-element .inline label:first-child .form-c + .txt{
	border-radius:.4em 0 0 .4em;
	border-width:1px 0 1px 1px;
}
.form-element .inline label:last-child .form-c + .txt{
	border-radius:0 .4em .4em 0;
	border-width:1px 1px 1px 0;
}
.form-element .form-c:checked + .txt{
	text-shadow:-1px -1px 0 #fff;
}
.form-element .form-c:checked + .txt:before{
	background-color:#666;
	box-shadow:0 0 0 1px #aaa inset,0 0 0 3px #fff inset;
}
.form-element .inline .form-c:checked + .txt{
	background-image:-webkit-linear-gradient(#ddd,white);
	background-image:-moz-linear-gradient(#ddd,white);
	background-image:-ms-linear-gradient(#ddd,white);
	background-image:-o-linear-gradient(#ddd,white);
	background-image:linear-gradient(#ddd,white);
	color:#666;
}

.form-element .mes{ display:none; }
.form-element .form-error .mes,
.form-element .form-warn .mes{
	border:1px solid;
	border-radius:.4em;
	display:block;
	font-family:arial,tahoma,\5b8b\4f53,sans-serif;
	padding:.2em .5em;
}
.form-element .form-error .mes:before,
.form-element .form-warn .mes:before{
	content:"";
	float:left;
	height:16px;
	margin-top:.2em;
	margin-right:.2em;
	width:16px;
}
.form-element .form-error .mes:before{
	background:url("images/45512591abeb493983634797c71cb938.gif") 0 0 no-repeat;
}
.form-element .form-warn .mes:before{
	background:url("images/2e8175a532864c7d973b769950ad6f9b.gif") 0 0 no-repeat;
}
.form-element .form-error .mes{
	background-color:#FFF2F2;
	border-color:#FBC2C4;
	color:#CC3434;
}
.form-element .form-warn .mes{
	background-color:#fffff1;
	border-color:#FFD324;
	color:#514721;
}
.form-element .form-error span.txt{ color:#CC3434; }

.form-element .form-error .form-text,
.form-element .form-error .form-select,
.form-element .form-error .form-file{
	border:1px solid #DD4B39;
}
.form-element .form-error .form-file{ color:#C0230F; }

.form-element .form-btn{
	background-color:whiteSmoke;
	background-image:-webkit-linear-gradient(whiteSmoke,#e3e3e3);
	background-image:-moz-linear-gradient(whiteSmoke,#e3e3e3);
	background-image:-ms-linear-gradient(whiteSmoke,#e3e3e3);
	background-image:-o-linear-gradient(whiteSmoke,#e3e3e3);
	background-image:linear-gradient(whiteSmoke,#e3e3e3);
	border:1px solid gainsboro;
	border-radius:.4em;
	box-shadow:0 1px 2px #eee,0 0 0 1px rgba(255,255,255,.75) inset;
	color:#666;
	cursor:pointer;
	display:block;
	font-size:1.2em;
	font-weight:bold;
	outline:none;
	padding:.4em 0;
	text-align:center;
	text-decoration:none;
	text-shadow:1px 1px 0 rgba(255,255,255,.75);
	-webkit-user-select:none;
	-moz-user-select:none;
	user-select:none;
	width:100%;
}
.form-element .form-btn:hover{
	background-color:#f8f8f8;
	background-image:-webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
	background-image:-moz-linear-gradient(top,#f8f8f8,#f1f1f1);
	background-image:-ms-linear-gradient(top,#f8f8f8,#f1f1f1);
	background-image:-o-linear-gradient(top,#f8f8f8,#f1f1f1);
	background-image:linear-gradient(top,#f8f8f8,#f1f1f1);
	border:1px solid #c6c6c6;
	box-shadow:0 1px 1px rgba(0,0,0,.1);
	color:#333;
	text-decoration:none;
}
.form-element .form-btn.orange,
.form-element .form-btn.blue,
.form-element .form-btn.green{
	box-shadow:0 1px 2px #ccc,0 0 0 1px rgba(255,255,255,.45) inset;
	color:#fff;
	text-shadow:0 -1px 0 rgba(0,0,0,.25);
}
.form-element .form-btn.orange{
	background-color:#F5C54A;
	background-image:-webkit-linear-gradient(#F5C54A,#F78A00);
	background-image:-moz-linear-gradient(#F5C54A,#F78A00);
	background-image:-o-linear-gradient(#F5C54A,#F78A00);
	background-image:linear-gradient(#F5C54A,#F78A00);
	border-color:#E7953C;
}
.form-element .form-btn.blue{
	background-color:#4AC7F8;
	background-image:-webkit-linear-gradient(#4AC7F8,#0593B6);
	background-image:-moz-linear-gradient(#4AC7F8,#0593B6);
	background-image:-o-linear-gradient(#4AC7F8,#0593B6);
	background-image:linear-gradient(#4AC7F8,#0593B6);
	border-color:#0094CE;
}
.form-element .form-btn.green{
	background-color:#A9DB52;
	background-image:-webkit-linear-gradient(#A9DB52,#6CA509);
	background-image:-moz-linear-gradient(#A9DB52,#6CA509);
	background-image:-o-linear-gradient(#A9DB52,#6CA509);
	background-image:linear-gradient(#A9DB52,#6CA509);
	border:1px solid #6CA509;
}
.form-element [disabled].form-btn,
.form-element [disabled].form-btn:hover{
	background:#ddd;
	border-color:#ddd;
	color:#bbb;
	cursor:default;
	text-shadow:1px 1px 0 rgba(255,255,255,.75);
}

.form-element .form-table{
	border-collapse:separate;
	border:1px solid #ddd;
	border-radius:.4em;
}
.form-element .form-table th{
	background-color:#f1f1f1;
	
}
.form-element .form-table td,
.form-element .form-table th{
	border:solid #ddd;
	border-width:0 1px 1px 0;
	padding:.4em .6em;
}
.form-element .form-table td:last-child,
.form-element .form-table th:last-child{
	border-right:none;
}
.form-element .form-table tr:last-child td{
	border-bottom:none;
}
.form-element .form-table .cost{ color:#999; text-decoration:line-through; }
.form-element .form-table .price{ color:rgb(226,0,0); font-weight:bold; }

